<template>
<div class=" bg-white">
  <div class="container">
    <p class="industry-origin"><router-link to="">绿建材料</router-link>><router-link to="">装修板材</router-link>><router-link to="">木地板</router-link></p>
    <div class="indeustry-search mgb-30">
      <div class="clearfix indeustry-search-brand">
        <p class="fl pdl-20">品牌：</p>
        <ul class="fl indeustry-search-div-list">
          <li @click="brandcur=0" :class="{active:brandcur==0}">全部</li>
          <li @click="brandcur=1" :class="{active:brandcur==1}">圣象</li>
          <li @click="brandcur=2" :class="{active:brandcur==2}">盼盼</li>
        </ul>
      </div>
      <div class="clearfix indeustry-search-type">
        <p class="fl pdl-20">品种：</p>
        <ul class="fl indeustry-search-div-list">
          <li @click="typecur=0" :class="{active:typecur==0}">全部</li>
          <li @click="typecur=1" :class="{active:typecur==1}">圣象</li>
          <li @click="typecur=2" :class="{active:typecur==2}">盼盼</li>
        </ul>
      </div>
      <div class="clearfix indeustry-search-all mgt-10">
        <ul class="fl indeustry-search-div-list">
          <li>综合排序</li>
          <li>市场价 <div class="order-btn"><i class="el-icon-caret-bottom"></i><i class="el-icon-caret-top"></i></div></li>
          <li>绿采价 <div class="order-btn"><i class="el-icon-caret-bottom"></i><i class="el-icon-caret-top"></i></div></li>
          <li>上架时间 <div class="order-btn"><i class="el-icon-caret-bottom"></i><i class="el-icon-caret-top"></i></div></li>
          <li @click="getShopselect()" class="shoptype-li">
            <!-- <i class="el-icon-arrow-down"></i>
            <ul class="shop-type" v-show="showShoptype">
              <li>生产型企业</li>
              <li>代加工型企业</li>
              <li>贸易型企业</li>
            </ul> -->
            <el-form label-width="80px" :model="form">
              <el-form-item>
                <el-select placeholder="经营模式" v-model="form.region" class="shoptype-select">
                  <el-option label="经营模式" value="shanghai"></el-option>
                  <el-option label="生产型企业" value="shanghai"></el-option>
                  <el-option label="代加工型企业" value="beijing"></el-option>
                  <el-option label="贸易型企业" value="111"></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </li>
        </ul>
      </div>
    </div>
    <div class="industry-table mgt-10 mgb-10">
      <el-row :gutter="24" class="industry-table-top">
        <el-col :span="5"><div>材质名称及规格</div></el-col>
        <el-col :span="2"><div>品牌</div></el-col>
        <el-col :span="2"><div>单位</div></el-col>
        <el-col :span="2"><div>市场含税价</div></el-col>
        <el-col :span="2"><div>绿采价</div></el-col>
        <el-col :span="2"><div>税率</div></el-col>
        <el-col :span="3"><div>供应商</div></el-col>
        <el-col :span="4"><div>绿色星级别</div></el-col>
        <el-col :span="2"><div>报价单</div></el-col>
      </el-row>
      <!-- 未登录 -->
      <div class="mgb-30"  v-if="login == false">
        <div class="industry-table-list">
          <el-row :gutter="24">
            <el-col :span="5">
              <div class="clearfix industry-name">
                <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl industry-name-img">
                <ul class="industry-name-list fl">
                  <li>地板</li>
                  <li>品种：<span>红木</span></li>
                  <li>规格型号：<span>120*90*30</span></li>
                </ul>
              </div>
            </el-col>
            <el-col :span="2"><div class="industry-brand">圣象</div></el-col>
            <el-col :span="2"><div class="industry-unit">M2</div></el-col>
            <el-col :span="2"><div class="industry-tax"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-price"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-rate">13%</div></el-col>
            <el-col :span="3"><div class="industry-shop">安徽圣象有限公司</div></el-col>
            <el-col :span="4"><div class="industry-level"><i class="el-icon-star-on"></i></div></el-col>
            <el-col :span="2"><div class="industry-priceorder"><router-link to="">查看报价</router-link></div></el-col>
          </el-row>
        </div>
        <div class="industry-table-list">
          <el-row :gutter="24">
            <el-col :span="5">
              <div class="clearfix industry-name">
                <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl industry-name-img">
                <ul class="industry-name-list fl">
                  <li>地板</li>
                  <li>品种：<span>红木</span></li>
                  <li>规格型号：<span>120*90*30</span></li>
                </ul>
              </div>
            </el-col>
            <el-col :span="2"><div class="industry-brand">圣象</div></el-col>
            <el-col :span="2"><div class="industry-unit">M2</div></el-col>
            <el-col :span="2"><div class="industry-tax"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-price"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-rate">13%</div></el-col>
            <el-col :span="3"><div class="industry-shop">安徽圣象有限公司</div></el-col>
            <el-col :span="4"><div class="industry-level"><i class="el-icon-star-on"></i><i class="el-icon-star-on"></i><i class="el-icon-star-on"></i></div></el-col>
            <el-col :span="2"><div class="industry-priceorder"><router-link to="">查看报价</router-link></div></el-col>
          </el-row>
        </div>
        <el-pagination
            background
            layout="prev, pager, next"
            :total="1000"
            class="mgt-30 tc">
          </el-pagination>
      </div>
      <!-- 登录 -->
      <div class="mgb-30"  v-if="login == true">
        <div class="industry-table-list">
          <el-row :gutter="24">
            <el-col :span="5">
              <div class="clearfix industry-name">
                <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl industry-name-img">
                <ul class="industry-name-list fl">
                  <li>地板</li>
                  <li>品种：<span>红木</span></li>
                  <li>规格型号：<span>120*90*30</span></li>
                </ul>
              </div>
            </el-col>
            <el-col :span="2"><div class="industry-brand">圣象</div></el-col>
            <el-col :span="2"><div class="industry-unit">M2</div></el-col>
            <el-col :span="2"><div class="industry-tax"><p>￥240</p></div></el-col>
            <el-col :span="2"><div class="industry-price"><p>￥300</p></div></el-col>
            <el-col :span="2"><div class="industry-rate">13%</div></el-col>
            <el-col :span="3"><div class="industry-shop">安徽圣象有限公司</div></el-col>
            <el-col :span="4"><div class="industry-level"><i class="el-icon-star-on"></i></div></el-col>
            <el-col :span="2"><div class="industry-priceorder"><p>￥280</p></div></el-col>
          </el-row>
        </div>
        <div class="industry-table-list">
          <el-row :gutter="24">
            <el-col :span="5">
              <div class="clearfix industry-name">
                <img src="../../../static/images/img/industry-list-img.png" alt="" class="fl industry-name-img">
                <ul class="industry-name-list fl">
                  <li>地板</li>
                  <li>品种：<span>红木</span></li>
                  <li>规格型号：<span>120*90*30</span></li>
                </ul>
              </div>
            </el-col>
            <el-col :span="2"><div class="industry-brand">圣象</div></el-col>
            <el-col :span="2"><div class="industry-unit">M2</div></el-col>
            <el-col :span="2"><div class="industry-tax"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-price"><router-link to="">登录查看</router-link></div></el-col>
            <el-col :span="2"><div class="industry-rate">13%</div></el-col>
            <el-col :span="3"><div class="industry-shop">安徽圣象有限公司</div></el-col>
            <el-col :span="4"><div class="industry-level"><i class="el-icon-star-on"></i><i class="el-icon-star-on"></i><i class="el-icon-star-on"></i></div></el-col>
            <el-col :span="2"><div class="industry-priceorder"><router-link to="">查看报价</router-link></div></el-col>
          </el-row>
        </div>
        <el-pagination
            background
            layout="prev, pager, next"
            :total="1000"
            class="mgt-30 tc">
          </el-pagination>
      </div>
    </div>
  </div>
</div>
</template>


<script>
import axios from 'axios'
export default {
  name:'Industry',
  data(){
    return{
      brandcur:0 ,//默认选中第一个tab
      typecur:0,
      allcur:0,
      login:true,
      showShoptype:false,
      form: {
          region: ''
        }
    }
  },
  methods:{
    getShopselect(){
      this.showShoptype = true;
    }
  },
  created(){
    this.$emit('public_header', false);
    this.$emit('public_headerhover', true);
    this.$emit('public_footer', true);
  }
}
</script>

<style>
 @import '../../../static/style/industry';
</style>
